<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Mootools UI - boxes demo</title>
    <script type="text/javascript" src="../mootools-1.2-core-nc.js"></script>
    <script type="text/javascript" src="../mui.boxes.js"></script>
    <script type="text/javascript">
    
	window.addEvent("domready", function(){
	    new MUI.ModalDialog("blabla", [["close"]], {draggable:true,position:{
		"x":0.1,"y":0.1}}).show();
	});
    
    </script>
    <style type="text/css">
    .mui-box{
	width:500px;
	height:120px;
	border:1px solid black;
	background-color:white;
	padding:1em;
    }
    
    html{overflow:hidden;}
    body{overflow:auto;margin:0;}
    
    .mui-box-screen{
	background-color:#EFEFEF;
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	opacity:0.3;
    }
    </style>
</head>
<body>
<p>
    blablablablablablabla
</p>
</body>
</html>
